<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maixmum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="format-detection" content="email=no" />
    <meta name="wap-font-scale" content="no" />
    <meta name="viewport" content="user-scalable=no, width=device-width" />
    <meta content="telephone=no" name="format-detection" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>腾讯网页</title>
    <meta name="keywords" content="页面关键字" />
    <meta name="description" content="页面描述" />
    <link href="./style/axui/css/ax.css" rel="stylesheet" type="text/css" />
    <!-- <link href="./style/css/base.css" rel="stylesheet" type="text/css" /> -->
    <link href="./style/css/comm.css" rel="stylesheet" type="text/css" />
    <link href="./style/css/tencent1.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="./style/css/swiper-bundle.min.css" />
</head>
    <body>
        <div class="home">
            <header class="myHeader">
                <div class="headBack"></div>
                <div class="content">
                    <div>
                        <nav>
                            <h1>
                                <a href="/" class="router-link-active pc"><img
                                        src="https://adyouyi.com/assets/img/logodingbu.svg" alt="logo" />
                                    <!-- <P>证券代码：814618</P> -->
                                </a>
                                <a href="/" class="router-link-active wap"><img
                                        src="https://adyouyi.com/assets/img/logodingbu.svg" alt="logo" />
                                    <!-- <P>证券代码：814618</P> -->
                                </a>
                            </h1>
                            <ul class="pc">
                                <li>
                                    <a href="./index.html" target="_parent">首页
                                        <span style="display: none"></span>
    
                                    </a>
                                </li>
                                <li>
                                    <a href="./platform.html" target="_parent">游易平台<span></span></a>
                                </li>
                                <li class="relative">
                                    <a href="#" target="_parent" class="advert">广告代理 <span style="display: none"></span>
                                    </a>
                                    <ul class="nav_ol">
                                        <li>
                                            <div class="tab">
                                                <div>
                                                    <p>海外广告媒体</p>
                                                    <div class="list">
                                                        <div>
                                                            <img src="./style/img/b-9.png" style="padding:9px 10px" />
                                                            <p>Google</p>
                                                        </div>
                                                        <div>
                                                            <img src="./style/img/6.png" />
                                                            <p>Meta</p>
                                                        </div>
                                                        <div>
                                                            <img src="./style/img/8.png" />
                                                            <p>Twitter</p>
                                                        </div>
                                                        <div>
                                                            <img src="./style/img/2.png" />
                                                            <p>TikTok</p>
                                                        </div>
                                                        <div>
                                                            <img src="./style/img/b-7.png" />
                                                            <p>Kwai</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <p>国内广告媒体</p>
                                                    <div class="list">
                                                        <div>
                                                            <img src="./style/img/1.png" />
                                                            <p>bilibili</p>
                                                        </div>
                                                        <div>
                                                            <img src="./style/img/3.png" />
                                                            <p>快手短视频</p>
                                                        </div>
                                                        <div>
                                                            <img src="./style/img/7.png" />
                                                            <p>巨量</p>
                                                        </div>
                                                        <div>
                                                            <img src="./style/img/5.png" />
                                                            <p>广点通</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="./flowRealization.html">流量变现
                                        <span style="display: none"></span>
                                        <ul></ul>
                                    </a>
                                </li>
                                <li>
                                    <a href="./journalism.html" target="_parent">营销学堂<span style="display: none"></span></a>
                                </li>
                                <li>
                                    <a href="./contactUs.html" target="_parent">联系我们 <span style="display: none"></span>
                                        <ul></ul>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                        <div class="right pc">
                            <ul>
                                <li>
                                    <button><a href="./login.html" class="nav_ol_a" style="color: white;">登录</a></button>
                                    <div style="display: none">
                                        <p></p>
                                        <img src=""
                                            alt="" />
                                        <div class="logout">
                                            <p>退出登录</p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <button><a href="./login.html?type=reg" class="nav_ol_a"
                                            style="color: #3469f8;">注册</a></button>
                                    <button style="display: none">进入管理中心</button>
                                </li>
                            </ul>
                        </div>
                    </div>
    
                    <div class="wap" id="menu_btn">
                        <img src="	https://adyouyi.com/assets/img/mobileOption.svg" alt="logo" />
                    </div>
                </div>
                <div class="wap">
                    <div class="wap-nav none">
                        <div class="content">
                            <ul>
                                <li>
                                    <a href="./" target="_parent">首页
    
                                        <!---->
                                    </a>
                                </li>
                                <li>
                                    <a href="./platform.html" target="_parent" style="color:#2256FF">游易平台<span
                                            style="display: none"></span></a>
                                </li>
                                <!-- <li>
                                    <span class="agent" style="cursor: pointer;">广告代理</span>
                                    <ul class="agent_list">
                                        <li> <a href="/bilibili.html" class="">B站广告投放</a></li>
                                    </ul>
                                </li> -->
                                <!-- <li>
                                    <a href="/journalism.html" target="_parent">新闻动态 <span style="display: none"></span>
                                    </a>
                                </li> -->
                                <li>
                                    <a href="./flowRealization.html" target="_parent">流量变现
                                        <span></span><span></span>
                                        <ul></ul>
                                    </a>
                                </li>
                                <li>
                                    <a href="./" target="_parent">营销学堂<span style="display: none"></span></a>
                                </li>
                                <li>
                                    <a href="./contactUs.html" target="_parent">联系我们 <span style="display: none"></span>
                                        <ul></ul>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </header>
    
        </div>  

        <section class="index-slogan">
            <div class="layout">
                <h1 class="slogan-tit">与世界分享你的 <span>“ 品牌故事 ”</span></h1>
                <p class="slogan-desc">Kwai致力于支持用户分享人生经历，为用户和企业创造价值 <br> 我们相信人与人之间的交流和互动会带来商机，<br> 与用户搭建联系， 让您的品牌受益。</p>
                <a href="javascript:;" class="more-btn">现在开始</a>
            </div>
        </section>

        <section class="index-solution">
            <div class="layout">
                <h2 class="bd-title">最优广告 最佳<span>方案</span></h2>
                <div class="solution-img">
                    <ul class="swiper-wrapper img-items">
                        <li class="swiper-slide img-item ">
                            <img src="./style/img/tencent1/sloutionimg01.jpg" alt="">
                        </li>
                        <li class="swiper-slide img-item ">
                            <img src="./style/img/tencent1/sloutionimg01.jpg" alt="">
                        </li>
                        <li class="swiper-slide img-item ">
                            <img src="./style/img/tencent1/sloutionimg01.jpg" alt="">
                        </li>
                        <li class="swiper-slide img-item ">
                            <img src="./style/img/tencent1/sloutionimg01.jpg" alt="">
                        </li>
                        <li class="swiper-slide img-item ">
                            <img src="./style/img/tencent1/sloutionimg01.jpg" alt="">
                        </li>
                        
                </div>
                <div class="solution-text">
                    <h2 class="bd-title">最优广告 最佳<span>方案</span></h2>
                    <ul class="text-items swiper-wrapper">
                        <li class="text-item swiper-slide active">
                            <h3 class="text-tit">Eyemax开屏</h3>
                            <p class="text-desc">开屏广告，超强曝光 <br> 开屏广告，超强曝光 <br> 沉浸式体验 <br>CPT形式，流量保证</p>
                        </li>
                        <li class="text-item swiper-slide">
                            <h3 class="text-tit">信息流广告</h3>
                            <p class="text-desc">开屏广告，超强曝光 <br> 开屏广告，超强曝光 <br> 沉浸式体验 <br>CPT形式，流量保证</p>
                        </li>
                        <li class="text-item swiper-slide">
                            <h3 class="text-tit">话题挑战</h3>
                            <p class="text-desc">开屏广告，超强曝光 <br> 开屏广告，超强曝光 <br> 沉浸式体验 <br>CPT形式，流量保证</p>
                        </li>
                        <li class="text-item swiper-slide">
                            <h3 class="text-tit">魔表</h3>
                            <p class="text-desc">开屏广告，超强曝光 <br> 开屏广告，超强曝光 <br> 沉浸式体验 <br>CPT形式，流量保证</p>
                        </li>
                        <li class="text-item swiper-slide">
                            <h3 class="text-tit">创作者中心</h3>
                            <p class="text-desc">开屏广告，超强曝光 <br> 开屏广告，超强曝光 <br> 沉浸式体验 <br>CPT形式，流量保证</p>
                        </li>
                    </ul>

                    <a href="javascript:;" class="start-btn">现在开始</a>
                </div>

            </div>
        </section>


        <section class="index-process">
            <div class="layout">
                <h2 class="bd-title"> 只需四步，即可打造一支 <br> <span> 绝佳广告</span></h2>
                    <div class="process-bd">
                    <div class="process-left">
                        <ul class="process-items">
                            <li class="process-item active"> <b>01</b>设定计划目标</li>
                            <li class="process-item"><b>02</b>选择目标用户</li>
                            <li class="process-item"><b>03</b>设定预算</li>
                            <li class="process-item"><b>04</b>制作广告</li>
                        </ul>
                    </div>
                    <div class="process-right">
                        <div class="process-img">
                            <img src="./style/img/tencent1/processbg.jpg" alt="">
                        </div>
                    </div>
                 </div>
            </div>
        </section>
        
        <section class="index-brand">
            <div class="layout">
                <h2 class="bd-title"> Kwai助理广告商及代理商 <br> <span> 实现 品牌价值</span></h2>
                <div class="bd-desc">
                    <h3>效果营销</h3>
                    <h3>代理商</h3>
                    <h3>品牌推广</h3>
                </div>

                <div class="brand-box">
                    <ul class="brand-items">
                        <li class="brand-item">
                            <div class="img-box"><img src="./style/img/tencent1/brand01.png" alt=""></div>
                        </li>
                        <li class="brand-item">
                            <div class="img-box"><img src="./style/img/tencent1/brand02.png" alt=""></div>
                        </li>
                        <li class="brand-item">
                            <div class="img-box"><img src="./style/img/tencent1/brand03.png" alt=""></div>
                        </li>
                        <li class="brand-item">
                            <div class="img-box"><img src="./style/img/tencent1/brand04.png" alt=""></div>
                        </li>
                        <li class="brand-item">
                            <div class="img-box"><img src="./style/img/tencent1/brand05.png" alt=""></div>
                        </li>
                        <li class="brand-item">
                            <div class="img-box"><img src="./style/img/tencent1/brand06.png" alt=""></div>
                        </li>
                        <li class="brand-item">
                            <div class="img-box"><img src="./style/img/tencent1/brand07.png" alt=""></div>
                        </li>
                        <li class="brand-item">
                            <div class="img-box"><img src="./style/img/tencent1/brand08.png" alt=""></div>
                        </li>
                        <li class="brand-item">
                            <div class="img-box"><img src="./style/img/tencent1/brand09.png" alt=""></div>
                        </li>
                        <li class="brand-item">
                            <div class="img-box"><img src="./style/img/tencent1/brand10.png" alt=""></div>
                        </li>
                        <li class="brand-item">
                            <div class="img-box"><img src="./style/img/tencent1/brand11.png" alt=""></div>
                        </li>
                        <li class="brand-item">
                            <div class="img-box"><img src="./style/img/tencent1/brand12.png" alt=""></div>
                        </li>
                        <li class="brand-item">
                            <div class="img-box"><img src="./style/img/tencent1/brand13.png" alt=""></div>
                        </li>
                        <li class="brand-item">
                            <div class="img-box"><img src="./style/img/tencent1/brand14.png" alt=""></div>
                        </li>
                        <li class="brand-item">
                            <div class="img-box"><img src="./style/img/tencent1/brand15.png" alt=""></div>
                        </li>
                    </ul>
                </div>
            </div>
        </section>

        <section class="index-growth">
            <div class="layout">
                <h2 class="bd-title"> 促进MAU增长</h2>
                <h3 class="bd-desc">促进不同国家和地区的数据增长</h3>
                <ul class="num-items">
                    <li class="num-item">
                        <span class="num">80<b>%</b></span>
                        <span>巴西<br>同比增长</span>
                    </li>
                    <li class="num-item">
                        <span class="num">60<b>%</b></span>
                        <span>西语区<br>同比增长</span>
                    </li>
                    <li class="num-item">
                        <span class="num">50<b>%</b></span>
                        <span>印度尼西亚<br>同比增长</span>
                    </li>
                </ul>
            </div>
        </section>

        <section class="index-story">
            <div class="layout">
                <h2 class="bd-title"> 祝您缔造 <span> 品牌的故事</span></h2>
                <div class="story-container">
                    <ul class="story-items swiper-wrapper">
                        <li class="story-item swiper-slide">
                            <figure>
                                <div class="item-img"><img src="./style/img/tencent1/stroryimg.jpg" alt=""></div>
                                <figcaption>
                                    <h3 class="item-tit">#SeuEstiloMetal</h3>
                                    <p class="item-desc">《金属对决》是一款由Next Studio开发，游族发行的动作游戏，是巴西Google Play应用商店游戏品类中下载量最高的手游。</p>
                                </figcaption>
                            </figure>
                        </li>
                        <li class="story-item swiper-slide">
                            <figure>
                                <div class="item-img"><img src="./style/img/tencent1/stroryimg.jpg" alt=""></div>
                                <figcaption>
                                    <h3 class="item-tit">#SeuEstiloMetal</h3>
                                    <p class="item-desc">《金属对决》是一款由Next Studio开发，游族发行的动作游戏，是巴西Google Play应用商店游戏品类中下载量最高的手游。</p>
                                </figcaption>
                            </figure>
                        </li>
                        <li class="story-item swiper-slide">
                            <figure>
                                <div class="item-img"><img src="./style/img/tencent1/stroryimg.jpg" alt=""></div>
                                <figcaption>
                                    <h3 class="item-tit">#SeuEstiloMetal</h3>
                                    <p class="item-desc">《金属对决》是一款由Next Studio开发，游族发行的动作游戏，是巴西Google Play应用商店游戏品类中下载量最高的手游。</p>
                                </figcaption>
                            </figure>
                        </li>
                        <li class="story-item swiper-slide">
                            <figure>
                                <div class="item-img"><img src="./style/img/tencent1/stroryimg.jpg" alt=""></div>
                                <figcaption>
                                    <h3 class="item-tit">#SeuEstiloMetal</h3>
                                    <p class="item-desc">《金属对决》是一款由Next Studio开发，游族发行的动作游戏，是巴西Google Play应用商店游戏品类中下载量最高的手游。</p>
                                </figcaption>
                            </figure>
                        </li>
                        <li class="story-item swiper-slide">
                            <figure>
                                <div class="item-img"><img src="./style/img/tencent1/stroryimg.jpg" alt=""></div>
                                <figcaption>
                                    <h3 class="item-tit">#SeuEstiloMetal</h3>
                                    <p class="item-desc">《金属对决》是一款由Next Studio开发，游族发行的动作游戏，是巴西Google Play应用商店游戏品类中下载量最高的手游。</p>
                                </figcaption>
                            </figure>
                        </li>
                    </ul>
                </div>
            </div>
        </section>

        <section class="index-marketing">
            <div class="layout">
                <h2 class="hd-tit">营销学院</h2>
             <h2 class="hd-des">为各行各业创造更大的价值</h2>
    
             <div class="news-box">
                <h2>游艺动态</h2>
                <div class="news-container">
                    <ul class="news-items">
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        
    
                    </ul>
                    <ul class="news-items">
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        <li class="news-item">
                            <a><p> 我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻我是新闻</p><b>2022-01-01</b></a>
                        </li>
                        
    
                    </ul>
             </div>
             </div>
            </div>
        </section>

        <section class="index-contacts">
            <div class="layout">
                <h2 class="hd-tit">留下您的联系方式</h2>
    
                <div class="cont-from">
                    <h2>留下您的联系方式</h2>
                    <div class="from-item">
                        <span>姓名<b>*</b></span>
                        <input type="text" placeholder="请填写您的姓名">
                    </div>
                    <div class="from-item">
                        <span>手机号码<b>*</b></span>
                        <input type="text" placeholder="请填写您的手机号码">
                    </div>
                    <div class="from-item">
                        <span>验证码<b>*</b></span>
                        <div class="verification">
                            <a href="javascript:;">获取验证码</a>
                            <input type="text" placeholder="请填写验证码">
                        </div>
                    </div>
                    <div class="from-item">
                        <span>合作内容</span>
                        <textarea placeholder="请填写咨询内容" cols="30" rows="4"></textarea>
                    </div>
    
                    <a href="javascript:;" class="submit-btn">提交信息</a>
                    
                </div>
    
                <div class="contact-right">
                    <h2>在线顾问</h2>
                    <div class="code-img"> 
                        <img src="./style/img/tencent1/contactqd.jpg" alt="">
                    </div>
                    <ul class="contact-list">
                        <li>变现顾问：范范<z/li>
                        <li>电话：18161235000</li>
                        <li>邮箱：18161235000</li>
                        <li>微信：fan@iyuyi.com</li>
                    </ul>
                </div>
    
            </div>
        </section>

        <section class="home" id="footer">
            <footer class="footer_pc footer footer_bg">
                <!-- <h3 class="footer_header"> 联系我们
                    <p>将为您提供专业的广告投放指导服务</p>4
                </h3> -->
                <!-- <div>
                    <ul>
                        <li>
                            <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入企业名称"
                                    class="el-input__inner" </div>
                                <p class="Hint" style="display: none;"> 请输入正确的企业名称 </p>
                        </li>
                        <li>
                            <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入您的姓名"
                                    class="el-input__inner">
                            </div>
                            <p class="Hint" style="display: none;">请输入正确的联系人</p>
                        </li>
                        <li>
                            <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入您的手机号码"
                                    class="el-input__inner">
                            </div>
                            <p class="Hint" style="display: none;">请输入正确的手机号</p>
                        </li>
                        <li>
                            <div class="el-input" id="cascader"></div>
                        </li>
                        <li>
                            <div class="el-input">
                                <select class="el-select" id="operate" placeholder="请选择行业" onchange="selectStages()">
                                    <option value="">请选择行业</option>
                                    <option value="北京">北京</option>
                                    <option value="上海">上海</option>
                                    <option value="重庆">重庆</option>
                                </select>
                            </div>
                        </li>
                        <li>
                            <div class="el-textarea">
                                <textarea autocomplete="off" placeholder="推广产品介绍" class="el-textarea__inner"
                                    style="resize: none; min-height: 159px; height: 159px;"></textarea>
                            </div>
                            <p class="Hint" style="display: none;">请输入推广产品介绍</p>
                        </li>
                    </ul>
                </div>
                <div class="btn">
                    <button type="button" class="el-button el-button--primary"><span>立即提交</span></button>
                </div> -->
                <div class="new">
                    <div>
                        <img src="./style/img/code.png" alt="">
                        <div>
                            <p>专属客服：丹丹</p>
                            <p>电话：19960393371</p>
                            <p>微信：qiyezhanghu</p>
                            <p>Q Q：1522783378</p>
                            <p>邮箱：YOMI@iosvip.store</p>
                        </div>
                    </div>
                    <div>
                        <img src="./style/img/code.png" alt="">
                        <div>
                            <p>专属客服：丹丹</p>
                            <p>电话：19960393371</p>
                            <p>微信：qiyezhanghu</p>
                            <p>Q Q：1522783378</p>
                            <p>邮箱：YOMI@iosvip.store</p>
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="main">
                        <div class="left">
                            <p class="title"> <img src="./style/img/logo.png" alt=""> &nbsp;游易广告</p>
                            <p>四川互联互加科技有限公司</p>
                            <p>Tel：400-7722-180</p>
                            <div class="my-icon">
                                <div>
                                    <img id="d1" src="./style/img/douying1.png" alt="">
                                    <img id="d2" src="./style/img/douying.png" alt="">
                                </div>
                                <div>
                                    <img id="d3" src="./style/img/weixin1.png" alt="">
                                    <img id="d4" src="./style/img/weixin.png" alt="">
                                </div>
                                <div>
                                    <img id="d5" src="./style/img/zhihu1.png" alt="">
                                    <img id="d6" src="./style/img/zhihu.png" alt="">
                                </div>
                                <div>
                                    <img id="d7" src="./style/img/weibo1.png" alt="">
                                    <img id="d8" src="./style/img/weibo.png" alt="">
                                </div>
                                <div>
                                    <img id="d9" src="./style/img/toutiao1.png" alt="">
                                    <img id="d10" src="./style/img/toutiao.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="right">
                            <div>
                                <p class="title">广告投放</p>
                                <p>广告投放</p>
                                <p>Banner广告</p>
                                <p>信息流广告</p>
                                <p>插屏广告</p>
                                <p>核心优势</p>
                            </div>
                            <div>
                                <p class="title">广告代理</p>
                                <p>服务对象</p>
                                <p>海外广告代理平台</p>
                                <p>国内广告代理平台</p>
                            </div>
                            <div>
                                <p class="title">流量变现</p>
                                <p>变现优势</p>
                                <p>服务流程</p>
                            </div>
                            <div>
                                <p class="title">营销学堂</p>
                                <p>游易动态</p>
                                <p>行业动态</p>
                                <p>应用上线</p>
                                <p>资质代办</p>
                            </div>
                            <div>
                                <p class="title">联系我们</p>
                            </div>
                        </div>
                    </div>
                    <p>Copyright @ 成都有联网络传媒有限公司 <a data-v-28ecc88a="" href="https://beian.miit.gov.cn">蜀ICP备2021029925号</a>
                    </p>
                </div>
            </footer>
            <footer class="footer_mobile footer footer_bg">
                <div class="content">
                    <h3> 联系我们
                        <p>将为您提供专业的广告投放指导服务</p>
                    </h3>
                    <div>
                        <ul>
                            <li>
                                <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入企业名称"
                                        class="el-input__inner"></div>
                                <p class="Hint" style="display: none;"> 请输入正确的企业名称 </p>
                            </li>
                            <li>
                                <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入您的姓名"
                                        class="el-input__inner"></div>
                                <p class="Hint" style="display: none;">请输入正确的联系人</p>
                            </li>
                            <li>
                                <div class="el-input"><input type="text" autocomplete="off" placeholder="请输入您的手机号码"
                                        class="el-input__inner"></div>
                                <p class="Hint" style="display: none;">请输入正确的手机号</p>
                            </li>
                            <li>
                                <div class="el-input">
                                    <input name="username" placeholder="请点击选择..." type="text" id="car1">
                                </div>
                            </li>
                            <li>
                                <div class="el-input">
                                    <select class="el-select" id="operate-1" placeholder="请选择行业" onchange="selectStages()">
                                        <option value="">请选择行业</option>
                                        <option value="北京">北京</option>
                                        <option value="上海">上海</option>
                                        <option value="重庆">重庆</option>
                                    </select>
                                </div>
                            </li>
                            <li>
                                <div class="el-textarea"><textarea autocomplete="off" placeholder="推广产品介绍"
                                        class="el-textarea__inner"
                                        style="resize: none; min-height: 159px; height: 159px;"></textarea></div>
                                <p class="Hint" style="display: none;">请输入推广产品介绍</p>
                            </li>
                        </ul>
                    </div>
                    <footer><button type="button" class="el-button el-button--primary"><span>立即提交</span></button></footer>
                    <div class="new">
                        <div>
                            <img src="./style/img/code.png" alt="">
                            <div>
                                <p>专属客服：丹丹</p>
                                <p>电话：19960393371</p>
                                <p>微信：qiyezhanghu</p>
                                <p>Q Q：1522783378</p>
                                <p>邮箱：YOMI@iosvip.store</p>
                            </div>
                        </div>
                        <div>
                            <img src="./style/img/code.png" alt="">
                            <div>
                                <p>专属客服：丹丹</p>
                                <p>电话：19960393371</p>
                                <p>微信：qiyezhanghu</p>
                                <p>Q Q：1522783378</p>
                                <p>邮箱：YOMI@iosvip.store</p>
                            </div>
                        </div>
                    </div>
                    <div class="center">
                        <p class="title"> <img src="./style/img/logo.png" alt=""> &nbsp;游易广告</p>
                        <p>四川互联互加科技有限公司</p>
                        <p>Tel：400-7722-180</p>
                    </div>
                    <div class="left my-icon">
                        <div>
                            <img id="d1" src="./style/img/douying1.png" alt="">
                            <img id="d2" src="./style/img/douying.png" alt="">
                        </div>
                        <div>
                            <img id="d3" src="./style/img/weixin1.png" alt="">
                            <img id="d4" src="./style/img/weixin.png" alt="">
                        </div>
                        <div>
                            <img id="d5" src="./style/img/zhihu1.png" alt="">
                            <img id="d6" src="./style/img/zhihu.png" alt="">
                        </div>
                        <div>
                            <img id="d7" src="./style/img/weibo1.png" alt="">
                            <img id="d8" src="./style/img/weibo.png" alt="">
                        </div>
                        <div>
                            <img id="d9" src="./style/img/toutiao1.png" alt="">
                            <img id="d10" src="./style/img/toutiao.png" alt="">
                        </div>
                    </div>
                    <div class="content">
                        <div class="main">
                            <div class="right">
                                <div>
                                    <p class="title">广告投放</p>
                                    <p>广告投放</p>
                                    <p>Banner广告</p>
                                    <p>信息流广告</p>
                                    <p>插屏广告</p>
                                    <p>核心优势</p>
                                </div>
                                <div>
                                    <p class="title">广告代理</p>
                                    <p>服务对象</p>
                                    <p>海外广告代理平台</p>
                                    <p>国内广告代理平台</p>
                                </div>
                                <div>
                                    <p class="title">流量变现</p>
                                    <p>变现优势</p>
                                    <p>服务流程</p>
                                </div>
                                <div>
                                    <p class="title">营销学堂</p>
                                    <p>游易动态</p>
                                    <p>行业动态</p>
                                    <p>应用上线</p>
                                    <p>资质代办</p>
                                </div>
                                <div>
                                    <p class="title">联系我们</p>
                                </div>
                            </div>
                        </div>
                        <p>Copyright @ 成都有联网络传媒有限公司 <a data-v-28ecc88a=""
                                href="https://beian.miit.gov.cn">蜀ICP备2021029925号</a></p>
                    </div>
                </div>
            </footer>
        </section>

        
        
    </body>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
    <script src="./style/js/swiper-bundle.min.js"></script>
    <script src="https://src.axui.cn/v2.0/dist/js/ax.min.js" type="text/javascript"></script>
    <script src="./style/js/footer.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript">
        //  头部相关js
        window.addEventListener(
            "scroll",
            function () {
                setHead();
            },
            true
        );
            document.addEventListener("DOMContentLoaded", function () {
            setHead();
            
            var solutionSwiper = new Swiper('.solution-img',{
                effect: 'slide',
                speed: 1000,
                loop: false,
                autoplay: {
                delay: 4500000,
                disableOnInteraction: false,
                },
                on: {
                slideChangeTransitionStart: function(){
                    $('.solution-text .swiper-wrapper .swiper-slide').eq(this.activeIndex).addClass('active').siblings().removeClass('active')
                    timeswiper.slideTo(this.realIndex, 1000, false)

                },
                },  
                
            })

             var timeswiper = new Swiper('.solution-text', {
                slidesPerView: 11,
                slidesPerGroup:1,
                direction : 'vertical',
                speed:1000,
                spaceBetween: 35,
                on: {
                    slideChangeTransitionStart: function(){
                        $('.solution-text .swiper-wrapper .swiper-slide').eq(this.activeIndex).addClass('active').siblings().removeClass('active')
                        solutionSwiper.slideTo(this.realIndex, 1000, false)

                    },
                }, 
                breakpoints:{
                    750:{
                        slidesPerView: 11,
                        direction : 'vertical',
                    },
                    350:{
                        spaceBetween: 0,
                        slidesPerView: 1,
                        slidesPerGroup:1,
                        direction : 'horizontal',
                        
                    }
                }

            })

            $('.solution-text .swiper-slide h3').on('click',function(){
     
                let index_ = $(this).parents('.swiper-slide').index()
                $(this).parents('.swiper-slide').addClass('active').siblings().removeClass('active');
                solutionSwiper.slideTo(index_, 1000, false)
                
            })



            var storySwiper=new Swiper('.story-container',{
                slidesPerView: 4,
                slidesPerGroup:1,
                speed:400,
                spaceBetween:23,
                breakpoints: { 
                  750: {
                    slidesPerView: 4,
                    spaceBetween: 23
                  },
                  350: {
                    slidesPerView: 2.3,
                    spaceBetween: 10
                  },
                }
            })


        });                

        $("#menu_btn").click(function (event) {
            event.stopPropagation();
            $(".wap-nav").addClass("block");
        });
        $(".agent").click(function () {
            // console.log($(".agent>ul"));
            $(".agent_list").toggleClass("showItem");
        });

        $(".wap-nav").click(function (event) {
            event.stopPropagation();
            if (event.target == this) {
                $(this).removeClass("block");
            }
        });

        $('body').click(() => {
            $(".wap-nav").removeClass("block");
            $(".wap-nav").addClass("none");
        })

        function setHead() {
            if (window.pageYOffset) {
                $(".headBack").addClass("trueHeader");
            } else {
                $(".headBack").removeClass("trueHeader");
            }
        }
    </script>

    </html>